.recommand-box
{
    width: 50px;
    height: 50px;
    background-color: #FFFFFF;
    text-align: center;
    line-height: 47px;
    position: absolute;
    top: -25px;
    left: 50%;
    margin-left: -25px;
    border-radius: 999999px;
}
.pos-info
{
    position: absolute;
    top: 0;
    left: 50%;
    padding:3px 20px;
    top: -15px;
    margin-left: -30px;
    background-color: #FFFFFF;

}
.cancel-btn
{
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
}
.bg-dark-con
{
    padding: 10px;
    border-left:2px solid #e3e3e3;
    position: relative;
}

.bg-dark-con-top-circle
{
    position: absolute;
    top: -5px;
    left: -6px;
    width: 10px;
    height: 10px;
    background-color: #FFFFFF;
    border: 3px solid #e3e3e3;
    border-radius: 99999px;
}

.bg-dark-con-top-circle-o
{
    position: absolute;
    top: -5px;
    left: -6px;
    width: 10px;
    height: 10px;
    background-color: #e3e3e3;
    border: 3px solid #FFFFFF;
    border-radius: 99999px;
}

.bg-dark-con-bottom-circle-o
{
    position: absolute;
    bottom: -5px;
    left: -6px;
    width: 10px;
    height: 10px;
    background-color: #FFFFFF;
    border: 3px solid #e3e3e3;
    border-radius: 99999px;
}